<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #fff;
            position: relative;
        }

        li {
            list-style: none;
        }

        a {
            text-decoration: none;
        }

        main {
            margin-top: 30px;
            overflow: hidden;
        }
    </style>
    <link rel="stylesheet" href="./css/huli.css">
    <link rel="stylesheet" href="./css/top1.css">
    <link rel="stylesheet" href="./css/xiala2.css">
    <link rel="stylesheet" href="./css/lunbo3.css">
    <link rel="stylesheet" href="./css/zhuge4.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/saishi.css">
    <script src="./js/jquery-3.6.0.js"></script>
</head>

<body>
    <header>
        <!-- 顶部 -->
        <div class="top">
            <ul class="top_logoxuan">
                <li class="logo"><a href=""></a></li>
                <li class="xuan">
                    <div class="xuan_fangda"></div>
                </li>
                <li class="shou">
                    <h4 class="shou1"><a href="">成长守护平台</a></h4>
                    <h4 class="pai"><a href="">腾讯游戏排行榜</a></h4>
                </li>
            </ul>
        </div>
        <div class="main">
            <!-- 导航栏 -->
            <div class="nav">
                <div class="w1">
                    <!-- 王者荣耀logo -->
                    <div class="logo1"></div>
                    <!-- 下拉列表 -->
                    <ul class="game_file">
                        <li>
                            <span>游戏资料</span><span class="s2">DATA</span>
                        </li>
                        <li>
                            <span>内容中心</span><span class="s2">CONTENTS</span>
                            <ol class="drop">
                            </ol>
                        </li>
                        <li>
                            <span>赛事中心</span><span class="s2">MATCH</span>
                            <ol class="drop">
                            </ol>
                        </li>
                        <li>
                            <span>百态王者</span><span class="s2">CULTURE</span>
                            <ol class="drop">
                            </ol>
                        </li>
                        <li>
                            <span>社区互动</span><span class="s2">COMMUNITY</span>
                            <ol class="drop">
                            </ol>
                        </li>
                        <li>
                            <span>玩家支持</span><span class="s2">PLAYER</span>
                            <ol class="drop">
                            </ol>
                        </li>
                        <li>
                            <span>IP新游</span><span class="s2">NEW GAMES</span>
                            <ol class="drop">
                            </ol>
                        </li>
                    </ul>
                    <!-- 搜索图标 -->
                    <div class="search">
                        <img src="./img/nav_search.png" alt="">
                    </div>
                    <!-- 右边登录区域 -->
                    <div class="login">
                        <img src="./img/hero.png" alt="">
                        <h4>欢迎登陆</h4>
                        <span>登陆后查看游戏战绩</span>
                    </div>
                </div>
                <div class="zhe">
                </div>
            </div>
            <!-- 中间轮播图、下载部分 -->
            <div class="content w2">
                <!-- 轮播图 -->
                <div class="lun">
                    <div class="bo">
                        <div class="adPic">
                            <a href="">
                                <img src="./img/sli1.jpeg" alt="">
                            </a>
                            <a href="">
                                <img src="./img/sli2.jpeg" alt="">
                            </a>
                            <a href="">
                                <img src="./img/sli3.jpeg" alt="">
                            </a>
                            <a href="">
                                <img src="./img/sli4.jpeg" alt="">
                            </a>
                            <a href="">
                                <img src="./img/sli5.jpeg" alt="">
                            </a>
                            <a href="">
                                <img src="./img/sli1.jpeg" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="adBtn">
                        <ul>
                            <li class="slist" title="全国大赛总冠军">全国大赛总冠军</li>
                            <li title="全国大赛吉祥物">奕星英雄档案</li>
                            <li title="本周热门打法">本周热门打法</li>
                            <li title="峡谷英雄图鉴">峡谷英雄图鉴</li>
                            <li title="第三周热血时刻">第三周热血时刻</li>
                        </ul>
                    </div>
                </div>
                <!-- 中间热门 -->
                <div class="conCenter">
                    <div class="news">
                        <ul>
                            <li class="cho">热门</li>
                            <li>新闻</li>
                            <li>公告</li>
                            <li>活动</li>
                            <li>赛事</li>
                            <span>
                                <a href="javascrpt:;" title="更多">...</a>
                            </span>
                            
                        </ul>
                    </div>
                    <div class="new">
                        <div class="new_ul">
                            <div class="news_li show">
                                <div>
                                    <span class="title yc">狄某有话说 |巡查力度升级，6月峡谷数据盘点来了！</span>
                                </div>
                                <ul>
                                    <li>
                                        <span class="remen">热门</span>
                                        <a class="yc news_title" href="javascrpt:;">第33期大神问答回顾：赛季攻略 火热来袭</a>
                                        <span class="news_time">07/02</span>
                                    </li>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月29日全服不停机更新公告</a>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="remen">热门</span>
                                        <a class="yc news_title" href="javascrpt:;">天天向上，共创美好！王者荣耀正向价值计划发布</a>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="remen">热门</span>
                                        <a class="yc news_title" href="javascrpt:;">狄某有话说| 莫名其妙就消极？罚！</a>
                                        <span class="news_time">06/24</span>
                                    </li>
                                    <li>
                                        <span class="remen">热门</span>
                                        <a class="yc news_title" href="javascrpt:;">元歌-无心源·梦皮肤局外场景票选结果公布</a>
                                        <span class="news_time">06/24</span>
                                    </li>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">【限时开启】皮肤签名红包上线</a>
                                        <span class="news_time">06/23</span>
                                    </li>
                                    <li>
                                        <span class="remen">热门</span>
                                        <a class="yc news_title" href="javascrpt:;">新赛季！立即开启大神视角</a>
                                        <span class="news_time">06/23</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="news_li">
                                <div>
                                    <span class="title yc">狄某有话说 |巡查力度升级，6月峡谷数据盘点来了！</span>
                                </div>
                                <ul>
                                    <li>
                                        <span class="xw">新闻</span>
                                        <a class="yc news_title" href="javascrpt:;">第33期大神问答回顾：赛季攻略 火热来袭</a>
                                        <span class="news_time">07/02</span>
                                    </li>
                                    <li>
                                        <span class="xw">新闻</span>
                                        <a class="yc news_title" href="javascrpt:;">选英雄台词，为TA定制个性表情</a>
                                        <span class="news_time">06/30</span>
                                    </li>
                                    <li>
                                        <span class="xw">新闻</span>
                                        <a class="yc news_title" href="javascrpt:;">天天向上，共创美好！王者荣耀正向价值计划发布</a>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="xw">新闻</span>
                                        <a class="yc news_title" href="javascrpt:;">对局跳红？试试官方出品的腾讯手游加速器</a>
                                        <span class="news_time">06/27</span>
                                    </li>
                                    <li>
                                        <span class="xw">新闻</span>
                                        <a class="yc news_title" href="javascrpt:;">以流行之音叩开传统之门，《王者荣耀》2022新国乐计划正式上线</a>
                                        <span class="news_time">06/26</span>
                                    </li>
                                    <li>
                                        <span class="xw">新闻</span>
                                        <a class="yc news_title" href="javascrpt:;">王者荣耀亮相2022 STAC大会，依托“开悟”平台助力AI产业生态升级</a>
                                        <span class="news_time">06/25</span>
                                    </li>
                                    <li>
                                        <span class="xw">新闻</span>
                                        <a class="yc news_title" href="javascrpt:;">狄某有话说| 莫名其妙就消极？罚！</a>
                                        <span class="news_time">06/24</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="news_li">
                                <div>
                                    <span class="title yc">6月30日体验服停机更新公告</span>
                                </div>
                                <ul>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月29日全服不停机更新公告</a>
                                        <span class="news_time">06/29</span>
                                    </li>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月29日全服不停机更新公告</a>
                                        <span class="news_time">06/29</span>
                                    </li>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月29日游戏内违规签名、攻略信息处罚公告</a>
                                        <span class="news_time">06/29</span>
                                    </li>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月29日挂车行为专项违规处罚公告</a>
                                        <span class="news_time">06/29</span>
                                    </li>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月29日全服不停机更新公告</a>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月28日体验服停机更新公告</a>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="gg">公告</span>
                                        <a class="yc news_title" href="javascrpt:;">6月26日部分安卓机型卡顿问题说明公告</a>
                                        <span class="news_time">06/26</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="news_li">
                                <div>
                                    <span class="title yc">第33期大神问答回顾：赛季攻略 火热来袭</span>
                                </div>
                                <ul>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">选英雄台词，为TA定制个性表情</a>
                                        <span class="news_time">06/30</span>
                                    </li>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">收集夏梦枝兑全新回城！进击墨子号秒杀返场！</a>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">墨子-进击墨子号秒杀返场</a>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">张良-千筹问战返利活动即将上线</a>
                                        <span class="news_time">06/24</span>
                                    </li>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">元歌-无心源·梦皮肤局外场景票选结果公布</a>
                                        <span class="news_time">06/24</span>
                                    </li>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">【限时开启】皮肤签名红包上线</a>
                                        <span class="news_time">06/23</span>
                                    </li>
                                    <li>
                                        <span class="remen">活动</span>
                                        <a class="yc news_title" href="javascrpt:;">调查启动，目标戈娅！活动开启公告及FAQ</a>
                                        <span class="news_time">06/23</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="news_li">
                                <div>
                                    <span class="title yc">每一步，都值得喝彩！北京TY战队加冕第五届王者荣耀全国大赛总冠军！</span>
                                </div>
                                <ul>
                                    <li>
                                        <span class="match">赛事</span>
                                        <span class="yc news_title">今日预报丨苏州KSG上演A组首战，An能否突破啊泽坦边防线？</span>
                                        <span class="news_time">07/01</span>
                                    </li>
                                    <li>
                                        <span class="match">赛事</span>
                                        <span class="yc news_title">运营思路教学丨浅析游戏中的大局观理解，助你掌控全局节奏！</span>
                                        <span class="news_time">06/30</span>
                                    </li>
                                    <li>
                                        <span class="match">赛事</span>
                                        <span class="yc news_title">今日预报丨常规赛第二轮精彩开战，新版本XYG能否重整旗鼓？</span>
                                        <span class="news_time">06/30</span>
                                    </li>
                                    <li>
                                        <span class="match">赛事</span>
                                        <span class="yc news_title">每一步，都值得喝彩——王者荣耀全国大赛决赛阶段，6月29日长沙开战！</span>
                                        <span class="news_time">06/28</span>
                                    </li>
                                    <li>
                                        <span class="match">赛事</span>
                                        <span class="yc news_title">今日预报丨FMVP王者对决，Fly、暖阳谁能带领队伍夺分？</span>
                                        <span class="news_time">06/25</span>
                                    </li>
                                    <li>
                                        <span class="match">赛事</span>
                                        <span class="yc news_title">参与生成专属电竞成分表，必得亲密玫瑰、皮肤限免卡等道具！</span>
                                        <span class="news_time">06/24</span>
                                    </li>
                                    <li>
                                        <span class="match">赛事</span>
                                        <span class="yc news_title">今日预报丨佛山DRG.GKvs西安WE，西安WE能否拿下首胜</span>
                                        <span class="news_time">06/24</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 下载游戏 -->
                <div class="conRight">
                    <a href="javascrpt:;" class="download"></a>
                    <a href="javascrpt:;" class="inner"></a>
                    <a href="javascrpt:;" class="tiyan"></a>
                </div>
                <div class="tishi">
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="w2 content4">
                <ul>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 右侧 -->
    <div class="rfix">
        <div class="huli">
            <span>扫一扫，立刻下载游戏~</span>
        </div>
        <div class="r_zong">
            <div class="ma">
                <img src="./img/wzry.jpg" alt="">
            </div>
            <div class="yd">
                <div class="wb_in">
                    <img src="./img/ma.jpg" alt="">
                        <p>
                            扫码
                            <span>下载王者营地</span>
                            <br>
                            每天
                            <span>领取福利好礼</span>
                        </p>
                </div>
            </div>
            <div class="wb">
                <div class="wb_in">
                    <img src="./img/wzry.jpg" alt="">
                    <p>
                        扫码
                        <span>关注官方微博</span>
                        <br>
                        获取
                        <span>一手爆料及福利</span>
                    </p>
                </div>
            </div>
            <div class="wx">
                <div class="wb_in">
                    <img src="./img/wzry.jpg" alt="">
                    <p>
                        扫码
                        <span>关注官方微信</span>
                        <br>
                        获取
                        <span>最新资讯及好礼</span>
                    </p>
                </div>
            </div>
            <div class="sp">
                <div class="wb_in" style="width: 115px;
                height: 120px;">
                    <img src="./img/wzry.jpg" alt="">
                    
                </div>
            </div>
        </div>
    </div>
    <main>
        <div class="saishi">
                <div class="section3">
                        <div class="contents">
                            <div class="item_nav">
                                <div class="item_name"><div></div>内容中心</div>
                                <div class="more">更多</div>
                            </div>
                            <div class="item_subnav contents_item_subnav">
                                <div id="contents_subnav1" onmouseover="contentsMove('item_t1',this)">精品栏目</div>
                                <div id="contents_subnav2" onmouseover="contentsMove('item_t2',this)">赛事精品</div>
                                <div id="contents_subnav3" onmouseover="contentsMove('item_t3',this)">英雄攻略</div>
                            </div>
                            <div id="item_t1" class="content_block">
                                <div class="item_content">
                                    <div class="item_title1">
                                        <div class="it1" onmouseover="title1Move('item_contents_1',this)">最新</div>
                                        <div class="it1" onmouseover="title1Move('item_contents_2',this)">王者克制论</div>
                                        <div class="it1" onmouseover="title1Move('item_contents_3',this)">王者视角</div>
                                        <div class="it1" onmouseover="title1Move('item_contents_4',this)">策见打</div>
                                        <div class="it1" onmouseover="title1Move('item_contents_5',this)">峡谷460</div>
                                        <div class="it1" onmouseover="title1Move('item_contents_6',this)">百星王者带你飞</div>
                                        <div class="it1" onmouseover="title1Move('item_contents_7',this)">狄仁杰封神榜</div>
                                        <div class="it1" onmouseover="title1Move('item_contents_8',this)">棋高一招</div>
                                    </div>		
                                    <div class="content_block" id="item_contents_1">
                                        <div class="it2">
                                            <div class="item_contents1">
                                            <div class="kid1">
                                            <div class="kid1_1">
                                            <div class="video_time">1天以前</div>
                                        </div>
                                    </div>
                                    <div class="kid2">【马菠萝奇闻录】第49期： 急！宫本学会了，阿通哪里领？！</div>
                                    </div>
                                                    <div class="item_contents2">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">【狄仁杰封神榜】第91期 冷枪难躲冷箭难防 快来调查子弹的真相</div>
                                                    </div>
                                                    <div class="item_contents3">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">最新</div>
                                                    </div>
                                                    <div class="item_contents4">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">最新</div>
                                                    </div>
                                                    <div class="item_contents5">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">最新</div>
                                                    </div>
                                                    <div class="item_contents6">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">最新</div>
                                                    </div>
                                                    <div class="item_contents7">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">最新</div>
                                                    </div>
                                                    <div class="item_contents8">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">最新</div>
                                                    </div>
                                                </div>	
                                            </div>			
                                            <div class="content_none" id="item_contents_2">
                                                <div class="it2">
                                                    <div class="item_contents1">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">王者克制论</div>
                                                    </div>
                                                    <div class="item_contents2">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">王者克制论</div>
                                                    </div>
                                                    <div class="item_contents3">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">王者克制论</div>
                                                    </div>
                                                    <div class="item_contents4">
                                                        <div class="kid1">
                                                            <div class="kid1_1">
                                                                <div class="video_time">1天以前</div>
                                                            </div>
                                                        </div>
                                                        <div class="kid2">王者克制论</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="content_none" id="item_contents_3">
                                                <div class="it2">
                                                </div>	
                                            </div>
                                            <div class="content_none" id="item_contents_4">
                                                <div class="it2">
                                                </div>		
                                            </div>
                                            <div class="content_none" id="item_contents_5">
                                                <div class="it2">
                                                </div>	
                                            </div>
                                            <div class="content_none" id="item_contents_6">
                                                <div class="it2">
                                                </div>	
                                            </div>
                                            <div class="content_none" id="item_contents_7">
                                                <div class="it2">
                                                </div>	
                                            </div>
                                            <div class="content_none" id="item_contents_8">
                                                <div class="it2">
                                                </div>		
                                            </div>				
                                        </div>	
                                    </div>
                            <div id="item_t2" class="content_none">
                                        <div class="item_content">		
                                        </div>	
                                    </div>
                            <div id="item_t3" class="content_none">
                                        <div class="item_content">
                                            
                                            					
                                        </div>	
                                    </div>					
                                </div>
                                <div class="heros_skin">
                                    <div class="item_nav">
                                        <div class="item_name"><div></div>英雄/皮肤</div>
                                        <div class="more">更多</div>
                                    </div>
                                    <div class="item_subnav heros_skin_item_subnav">
                                        <div id="heros_skin_subnav1" onmouseover="herosskinMove('heros_skin_contents1',this)">最新英雄</div>
                                        <div id="heros_skin_subnav2" onmouseover="herosskinMove('heros_skin_contents2',this)">最新皮肤</div>
                                        <div id="heros_skin_subnav3" onmouseover="herosskinMove('heros_skin_contents3',this)">周免英雄</div>
                                    </div>
                                    
                                    <div id="heros_skin_contents1" class="content_block">
                                        <div class="heros_skin_contents">
                                            <div class="newhero1"></div>
                                            <div class="newhero2">
                                                <div>新英雄：戈娅</div>
                                                <div>上线时间：2022.06.23</div>
                                            </div>
                                            <div class="heros" id="heros1">
                                                <div class="hero1">
                                                    <div class="agd1"></div>
                                                    <div class="agd2">桑启</div>
                                                </div>
                                                <div class="hero2">
                                                    <div class="mt1"></div>
                                                    <div class="mt2">晟</div>
                                                </div>
                                                <div class="hero3">
                                                    <div class="jing1"></div>
                                                    <div class="jing2">金蝉</div>
                                                </div>
                                                <div class="hero4">
                                                    <div class="my1"></div>
                                                    <div class="my2">云隐</div>
                                                </div>
                                            </div>
                                        </div>		
                                    </div>				
                                    
                                    <div id="heros_skin_contents2" class="content_none">
                                        <div class="heros_skin_contents">
                                            <div class="newskin1"></div>
                                            <div class="newskin2">
                                                <div>新皮肤：九霄神辉-花木兰</div>
                                                <div>上线时间：2022.06.23</div>
                                            </div>
                                            <div class="heros" id="heros2">
                                                <div class="hero1">
                                                    <div class="gy1"></div>
                                                    <div class="gy2">千筹问战-张良</div>
                                                </div>
                                                <div class="hero2">
                                                    <div class="my3"></div>
                                                    <div class="my4">电玩高手-狂铁</div>
                                                </div>
                                                <div class="hero3">
                                                    <div class="ydn1"></div>
                                                    <div class="ydn2">午后时光-王昭君</div>
                                                </div>
                                                <div class="hero4">
                                                    <div class="blxc1"></div>
                                                    <div class="blxc2">大漠名商-沈梦溪</div>
                                                </div>
                                            </div>
                                        </div>	
                                    </div>				
                                    
                                    <div id="heros_skin_contents3" class="content_none">
                                        <div class="heros_skin_contents">
                                            <div class="heros" id="heros3">
                                                <div class="hero1">
                                                    <div class="zl1"></div>
                                                    <div class="zl2">兰陵王</div>
                                                </div>
                                                <div class="hero2">
                                                    <div class="gjl1"></div>
                                                    <div class="gjl2">司马懿</div>
                                                </div>
                                                <div class="hero3">
                                                    <div class="kai1"></div>
                                                    <div class="kai2">貂蝉</div>
                                                </div>
                                                <div class="hero4">
                                                    <div class="lyf1"></div>
                                                    <div class="lyf2">桑启</div>
                                                </div>
                                            </div>
                                            <div class="heros" id="heros4">
                                                <div class="hero1">
                                                    <div class="zz1"></div>
                                                    <div class="zz2">虞姬</div>
                                                </div>
                                                <div class="hero2">
                                                    <div class="llw1"></div>
                                                    <div class="llw2">夏侯惇</div>
                                                </div>
                                                <div class="hero3">
                                                    <div class="cyj1"></div>
                                                    <div class="cyj2">典韦</div>
                                                </div>
                                                <div class="hero4"></div>
                                            </div>
                                            <div class="freetime">限免时间：2022-7-4至2022-7-10</div>		
                                        </div>			
                                    </div>
                                </div>
                    </div>
                    <div class="section4">
                                <div class="games">
                                    <div class="item_nav">
                                        <div class="item_name"><div></div>赛事中心</div>
                                        <div class="more">更多</div>
                                    </div>
                                    <div class="item_subnav games_item_subnav">
                                        <div id="games_subnav1" onmouseover="gamesMove('gcdiv1',this)">KPL</div>
                                        <div id="games_subnav2" onmouseover="gamesMove('gcdiv2',this)">挑战者杯</div>
                                        <div id="games_subnav3" onmouseover="gamesMove('gcdiv3',this)">K甲联赛</div>
                                        <div id="games_subnav4" onmouseover="gamesMove('gcdiv4',this)">全国大赛</div>
                                        <div id="games_subnav5" onmouseover="gamesMove('gcdiv5',this)">高校联赛</div>
                                        <div id="games_subnav6" onmouseover="gamesMove('gcdiv6',this)">TGA</div>
                                        <div id="games_subnav7" onmouseover="gamesMove('gcdiv7',this)">微信游戏邀请赛</div>
                                        <div id="games_subnav8" onmouseover="gamesMove('gcdiv8',this)"></div>
                                    </div>
                                    <div class="item_content">
                                        <div class="content_block" id="gcdiv1">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    <div class="slogan1">夏季赛快讯：武汉ES二轮首战告捷，坦然老夫子化身...
                                                    </div>
                                                    <div class="slogan2">7月3日2022年KPL夏季赛常规赛第二轮第一周第四日第三场，由武汉eS...</div>
                                                    <ul>
                                                        <li>
                                                            <div>KPL</div>
                                                            <div>每一步，都值得喝彩！北京TY战队加冕第五届王者荣耀全国大赛总冠军！</div>
                                                            <div>07-04</div>
                                                        </li>
                                                        <li>
                                                            <div>KPL</div>
                                                            <div>夏季赛快讯：南京Hero击败西安WE，紫幻沈梦溪持续火力压制</div>
                                                            <div>07-03</div>
                                                        </li>
                                                        <li>
                                                            <div>KPL</div>
                                                            <div>今日预报丨佛山DRG.GK再战武汉ES，谁能诠释版本新势力？</div>
                                                            <div>07-03</div>
                                                        </li>
                                                        <li>
                                                            <div>KPL</div>
                                                            <div>夏季赛快讯：成都AG S组首战告捷，爱思大乔战术灵活运用</div>
                                                            <div>07-02</div>
                                                        </li>
                                                        <li>
                                                            <div>KPL</div>
                                                            <div>夏季赛快讯：北京WB强势零封重庆狼队，暖阳镜瞬秒C位</div>
                                                            <div>07-02</div>
                                                        </li>
                                                        <li>
                                                            <div>KPL</div>
                                                            <div>夏季赛快讯：上海EDG.M拿下二轮首胜，Roc斩获双MVP</div>
                                                            <div>07-02</div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div1">
                                                <div class="item_contents1">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                                <div class="item_contents2">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                                <div class="item_contents3">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                                <div class="item_contents4">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                                <div class="item_contents5">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                                <div class="item_contents6">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                                <div class="item_contents7">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                                <div class="item_contents8">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">KPL<br>KPL</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="content_none" id="gcdiv2">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    <div class="slogan1">......</div>
                                                    <div class="slogan2">......</div>
                                                    <ul>
                                                        <li>
                                                            <div>挑战者</div>
                                                            <div>.......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>挑战者</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>挑战者</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>挑战者</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>挑战者</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>挑战者</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div2">
                                                <div class="item_contents1">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">冠军杯<br>冠军杯</div>
                                                </div>
                                                <div class="item_contents2">
                                                    <div class="kid1">
                                                        <div class="kid1_1">
                                                            <div class="video_time">2020-10-30</div>
                                                        </div>
                                                    </div>
                                                    <div class="kid2">冠军杯<br>冠军杯</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="content_none" id="gcdiv3">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    <div class="slogan1">......</div>
                                                    <div class="slogan2">......</div>
                                                    <ul>
                                                        <li>
                                                            <div>K甲联赛</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>K甲联赛</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>K甲联赛</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>K甲联赛</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>K甲联赛</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>K甲联赛</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div3">
                                            </div>
                                        </div>
                                        <div class="content_none" id="gcdiv4">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    <div class="slogan1">.......</div>
                                                    <div class="slogan2">.......</div>
                                                    <ul>
                                                        <li>
                                                            <div>全国赛</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>全国赛</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>全国赛</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>全国赛</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>全国赛</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>全国赛</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div4">
                                            </div>
                                        </div>
                                        <div class="content_none" id="gcdiv5">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    <div class="slogan1">.....</div>
                                                    <div class="slogan2">......</div>
                                                    <ul>
                                                        <li>
                                                            <div>高校联</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>高校联</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>高校联</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>高校联</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>高校联</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>高校联</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div5">
                                            </div>
                                        </div>
                                        <div class="content_none" id="gcdiv6">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    <div class="slogan1">..........</div>
                                                    <div class="slogan2">.........</div>
                                                    <ul>
                                                        <li>
                                                            <div>TGA</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>TGA</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>TGA</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>TGA</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>TGA</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                        <li>
                                                            <div>TGA</div>
                                                            <div>.......</div>
                                                            <div>.......</div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div6">
                                            </div>
                                        </div>
                                        <div class="content_none" id="gcdiv7">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    <div class="slogan1">........</div>
                                                    <div class="slogan2">..........</div>
                                                    <ul>
                                                        <li>
                                                            <div>微信游</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>微信游</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>微信游</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>微信游</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>微信游</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                        <li>
                                                            <div>微信游</div>
                                                            <div>......</div>
                                                            <div>......</div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div7">
                                            </div>
                                        </div>
                                        <div class="content_none" id="gcdiv8">
                                            <div class="item_c_top">
                                                <div class="item_c_top_pic"></div>
                                                <div class="item_c_top_div">
                                                    
                                                </div>
                                            </div>
                                            <div class="item_c_div item_c_div8">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="kpl">
                                    <div class="item_nav">
                                        <div class="item_name"><div></div>KPL赛程</div>
                                        <div class="buy"><div></div>购票</div>
                                        <div class="more">更多</div>
                                    </div>
                                    <div class="item_subnav">
                                        <div>时间</div>
                                        <div>战队</div>
                                        <div>战队</div>
                                    </div>			
                                    <div class="game1">
                                        <div>7-6 17:00</div>
                                        <div>杭州LGD大鹅</div>
                                        <div>VS</div>
                                        <div>火豹</div>
                                    </div>
                                    <div class="game2">
                                        <div>7-6 20:00</div>
                                        <div>苏州KSG</div>
                                        <div>VS</div>
                                        <div>深圳DYG</div>
                                    </div>
                                    <div class="kpl_pic"></div>
                                </div>
                    </div>
        </div>
    </main>
    <footer>
        <div class="w2">
            <div class="footT">
                <div class="footTop">
                </div>
            </div>
            <div class="footBottom">
                <div class="footLeft">
                    <p style="font-size: 13px;margin-top: 10px;">
                        抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身
                    </p>
                    <p style="font-size: 13px;margin-top: 0px;">合理安排时间 享受健康生活</p>
                    <p style="font-size: 13px;margin-top: 10px;">
                        《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。
                    </p>
                </div>
                <div class="footRight">
                    <p>
                        腾讯互动娱乐timi
                        腾讯互动娱乐|服务条款|隐私保护指引|儿童隐私保护指引|腾讯游戏招聘|腾讯游戏客服|游戏列表|广告服务及商务合作
                    </p>
                    <p style="margin-top: 10px;">
                        COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.

                        深圳市市场监督管理局企业主体身份公示工商网监电子标识 |粤网文[2020]3396-195号|（署）网出证（粤）字第054号
                        文网游备字[2016]M-CSG 0059 号文网游备字[2016]M-CSG 0059 号|新广出审[2017] 6712号|ISBN 978-7-7979-8408-9
                    </p>
                    <p style="margin-top: 10px;">全国文化市场统一举报电话：12318</p>
                </div>
            </div>
        </div>
    </footer>
    <script>
        $(function () {
            $(".cenLeftTop li").mouseenter(function () {
                $(".cenLeftTop li").eq($(this).index()).addClass("cho").siblings().removeClass("cho")
            })
            $(".cenLeftCen li").mouseenter(function () {
                $(".cenLeftCen li").eq($(this).index()).addClass("cho").siblings().removeClass("cho")
            })
            $(".hero li").mouseenter(function () {
                $(".hero li").eq($(this).index()).addClass("cho").siblings().removeClass("cho")
            })
            $(".kpl li").mouseenter(function () {
                $(".kpl li").eq($(this).index()).addClass("cho").siblings().removeClass("cho")
            })
        })
    </script>
    <script src="./js/getJson.js"></script>
    <script src="./js/nav.js"></script>
    <script src="./js/lunbo.js"></script>
    <script src="./js/saishi.js"></script>
</body>

</html>